<template>
  <div id="app">
  <el-row>
    <el-col :span="24">
      <el-form  label-width="100px" class="demo-ruleForm">


              <img src="./assets/logo.jpg" style="margin-left: 8.5rem; margin-bottom:1rem">

            <el-form-item label="用户名" >
               <el-input  auto-complete="off"></el-input>
             </el-form-item>
                <el-form-item label="密码" prop="pass">
                        <el-input type="password"  auto-complete="off"></el-input>
                </el-form-item>
                       <el-form-item>
                          <el-button type="primary" >登陆</el-button>
                          <el-button >找回密码</el-button>
                        </el-form-item>
            </el-form>
    </el-col>
  </el-row>

  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Use Vue 2.0 Today!'
    }
  },

  methods: {
    startHacking () {
      this.$notify({
        title: 'It Works',
        message: 'We have laid the groundwork for you. Now it\'s your time to build something epic!',
        duration: 6000
      })
    }
  }
}
</script>

<style>
body {
  font-family: Helvetica, sans-serif;
}
#app{
    margin: auto;
    top: 28%;
    left: 34%;
    position: absolute;
}
</style>
